<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>集美学村 - 厦门旅游</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="jimei.css">
</head>
<body>
    <header>
        <nav class="navbar">
            <div class="nav-brand">鹭行记</div>
            <ul class="nav-menu">
                <li><a href="index.html">首页</a></li>
                <li><a href="explore.html">探索</a></li>
                <li><a href="#intro">简介</a></li>
                <li><a href="#tickets">门票</a></li>
                <li><a href="#attractions">景点</a></li>
                <li><a href="#photo-spots">拍照机位</a></li>
                <li><a href="#tips">攻略</a></li>
            </ul>
            <button id="music-toggle" class="music-btn">🎵</button>
        </nav>
    </header>

    <audio id="background-music" loop preload="auto">
        <source src="xiamen.mp3" type="audio/mpeg">
        <source src="xiamen.ogg" type="audio/ogg">
        您的浏览器不支持音频播放。
    </audio>

    <main class="jimei-main">
        <section class="jimei-hero">
            <div class="hero-overlay">
                <h1>集美学村</h1>
                <p>嘉庚建筑的典范，教育与文化的圣地</p>
                <div class="hero-stats">
                    <div class="hero-stat">
                        <span class="stat-number">1913</span>
                        <span class="stat-label">创办年份</span>
                    </div>
                    <div class="hero-stat">
                        <span class="stat-number">110+</span>
                        <span class="stat-label">历史年份</span>
                    </div>
                    <div class="hero-stat">
                        <span class="stat-number">10万+</span>
                        <span class="stat-label">培养学子</span>
                    </div>
                </div>
            </div>
            <div class="floating-elements">
                <div class="float-item">🏛️</div>
                <div class="float-item">📚</div>
                <div class="float-item">🎓</div>
                <div class="float-item">🌸</div>
            </div>
        </section>

        <section id="intro" class="jimei-intro">
            <div class="container">
                <h2>学村简介</h2>
                <div class="intro-content">
                    <div class="intro-text">
                        <p>集美学村是著名爱国华侨领袖陈嘉庚先生于1913年开始创办的教育园区，历经百年发展，现已成为厦门乃至全国著名的文化教育基地。</p>
                        <p>学村建筑群融合了中西方建筑艺术，形成了独特的"嘉庚风格"建筑，被誉为"闽南建筑大观园"。这里不仅是教育的摇篮，更是中华文化传承的重要载体。</p>
                        <p>陈嘉庚先生倾其毕生精力和财富，在故乡集美兴办教育事业，体现了深厚的爱国情怀和教育理想。</p>
                        
                        <div class="highlight-info">
                            <h4>🏛️ 嘉庚建筑特色</h4>
                            <p>• 建筑风格：中西合璧，红瓦白墙，飞檐翘角</p>
                            <p>• 设计理念：实用与美观并重，体现教育理想</p>
                            <p>• 文化价值：闽南建筑艺术的杰出代表</p>
                            <p>• 保护等级：全国重点文物保护单位</p>
                        </div>
                    </div>
                    <div class="intro-stats">
                        <div class="stat-item">
                            <h3>1913年</h3>
                            <p>创办时间</p>
                        </div>
                        <div class="stat-item">
                            <h3>100+年</h3>
                            <p>历史传承</p>
                        </div>
                        <div class="stat-item">
                            <h3>10万+</h3>
                            <p>培养学子</p>
                        </div>
                        <div class="stat-item">
                            <h3>5A级</h3>
                            <p>景区等级</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="tickets" class="jimei-tickets">
            <div class="container">
                <h2>门票信息 & 开放时间</h2>
                <div class="tickets-grid">
                    <div class="ticket-card">
                        <h3>🎫 门票价格</h3>
                        <div class="price-info">
                            <div class="price-item">
                                <span class="price-label">嘉庚公园</span>
                                <span class="price-value">免费</span>
                            </div>
                            <div class="price-item">
                                <span class="price-label">鳌园</span>
                                <span class="price-value">20元</span>
                            </div>
                            <div class="price-item">
                                <span class="price-label">归来园</span>
                                <span class="price-value">10元</span>
                            </div>
                            <div class="price-item">
                                <span class="price-label">龙舟池</span>
                                <span class="price-value">免费</span>
                            </div>
                            <div class="combo-offer">
                                <h4>🎟️ 联票优惠</h4>
                                <p>集美学村联票：50元（含鳌园+归来园+陈嘉庚纪念馆）</p>
                                <p>学生票：凭学生证享受5折优惠</p>
                                <p>老人票：65岁以上免费，60-64岁半价</p>
                            </div>
                        </div>
                    </div>

                    <div class="ticket-card">
                        <h3>⏰ 开放时间</h3>
                        <div class="time-info">
                            <div class="time-item">
                                <span class="time-season">全年开放</span>
                                <span class="time-hours">8:00 - 18:00</span>
                            </div>
                            <div class="time-item">
                                <span class="time-season">最晚入园</span>
                                <span class="time-hours">17:30</span>
                            </div>
                            <div class="special-times">
                                <h4>🎭 特殊活动时间</h4>
                                <p><strong>端午龙舟赛：</strong>每年端午节期间</p>
                                <p><strong>嘉庚文化节：</strong>每年10月21日前后</p>
                                <p><strong>学村音乐节：</strong>春秋两季周末</p>
                                <p><strong>建筑摄影展：</strong>不定期举办</p>
                            </div>
                            <div class="time-note">
                                <p>💡 建议游览时间：3-4小时</p>
                                <p>🎯 最佳参观时间：上午8:00-11:00，下午15:00-17:00</p>
                            </div>
                        </div>
                    </div>

                    <div class="ticket-card">
                        <h3>🚌 交通指南</h3>
                        <div class="transport-info">
                            <div class="transport-method">
                                <h4>地铁出行</h4>
                                <p>• 地铁1号线"集美学村站"A出口</p>
                                <p>• 步行5分钟即达嘉庚公园</p>
                                <p>• 运营时间：6:00-23:00</p>
                            </div>
                            <div class="transport-method">
                                <h4>公交出行</h4>
                                <p>• 918路、921路、922路、923路</p>
                                <p>• 在"嘉庚体育馆"站下车</p>
                                <p>• 或在"集美学村"站下车</p>
                            </div>
                            <div class="transport-method">
                                <h4>自驾出行</h4>
                                <p>• 导航至"集美学村"或"嘉庚公园"</p>
                                <p>• 有多个停车场，收费5-10元/小时</p>
                                <p>• 建议停在嘉庚体育馆停车场</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="attractions" class="jimei-attractions">
            <div class="container">
                <h2>主要景点</h2>
                <div class="attractions-grid">
                    <div class="attraction-item">
                        <div class="attraction-image">嘉庚公园</div>
                        <div class="attraction-content">
                            <h3>嘉庚公园</h3>
                            <p>为纪念陈嘉庚先生而建，园内有陈嘉庚先生陵墓，是缅怀先贤的重要场所。园内绿树成荫，环境优美。</p>
                            <div class="attraction-features">
                                <span class="feature-tag">🌳 免费开放</span>
                                <span class="feature-tag">🙏 纪念场所</span>
                                <span class="feature-tag">📸 拍照胜地</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="attraction-item">
                        <div class="attraction-image">龙舟池</div>
                        <div class="attraction-content">
                            <h3>龙舟池</h3>
                            <p>人工开凿的内海池，每年端午节举办龙舟赛，是集美的标志性景观。池水清澈，周围建筑倒影如画。</p>
                            <div class="attraction-features">
                                <span class="feature-tag">🚣 龙舟比赛</span>
                                <span class="feature-tag">🌊 水景观光</span>
                                <span class="feature-tag">🏛️ 建筑倒影</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="attraction-item">
                        <div class="attraction-image">嘉庚建筑群</div>
                        <div class="attraction-content">
                            <h3>嘉庚建筑群</h3>
                            <p>融合中西建筑风格的校舍群，红瓦白墙，飞檐翘角，独具特色。是闽南建筑艺术的杰出代表。</p>
                            <div class="attraction-features">
                                <span class="feature-tag">🏛️ 建筑艺术</span>
                                <span class="feature-tag">📚 教育圣地</span>
                                <span class="feature-tag">🎨 中西合璧</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="attraction-item">
                        <div class="attraction-image">集美中学</div>
                        <div class="attraction-content">
                            <h3>集美中学</h3>
                            <p>陈嘉庚先生创办的第一所学校，培养了无数优秀人才。校园内古树参天，书香浓郁。</p>
                            <div class="attraction-features">
                                <span class="feature-tag">🎓 百年名校</span>
                                <span class="feature-tag">📖 教育传承</span>
                                <span class="feature-tag">🌳 古树校园</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="attraction-item">
                        <div class="attraction-image">归来园</div>
                        <div class="attraction-content">
                            <h3>归来园</h3>
                            <p>陈嘉庚先生故居，展示其生平事迹和教育理念。园内保存了大量珍贵的历史文物和资料。</p>
                            <div class="attraction-features">
                                <span class="feature-tag">🏠 名人故居</span>
                                <span class="feature-tag">📜 历史文物</span>
                                <span class="feature-tag">💡 教育理念</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="attraction-item">
                        <div class="attraction-image">鳌园</div>
                        <div class="attraction-content">
                            <h3>鳌园</h3>
                            <p>集美学村的重要组成部分，园内石雕精美，文化底蕴深厚。是了解闽南石雕艺术的绝佳场所。</p>
                            <div class="attraction-features">
                                <span class="feature-tag">🗿 石雕艺术</span>
                                <span class="feature-tag">🎨 文化底蕴</span>
                                <span class="feature-tag">🌸 园林景观</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="photo-spots" class="jimei-photo-spots">
            <div class="container">
                <h2>📸 网红拍照机位</h2>
                <div class="photo-grid">
                    <div class="photo-spot">
                        <div class="spot-image">嘉庚建筑群全景</div>
                        <div class="spot-info">
                            <h3>🏛️ 嘉庚建筑群经典机位</h3>
                            <p><strong>最佳时间：</strong>上午9:00-10:00，下午16:00-17:00</p>
                            <p><strong>拍摄角度：</strong>从龙舟池对岸拍摄建筑群倒影</p>
                            <p><strong>拍照技巧：</strong>利用水面倒影营造对称美感；红瓦白墙与蓝天白云形成强烈对比</p>
                            <div class="spot-tags">
                                <span class="tag">建筑美学</span>
                                <span class="tag">水面倒影</span>
                                <span class="tag">必拍机位</span>
                                <span class="tag">嘉庚风格</span>
                            </div>
                        </div>
                    </div>

                    <div class="photo-spot">
                        <div class="spot-image">龙舟池风光</div>
                        <div class="spot-info">
                            <h3>🚣 龙舟池水景机位</h3>
                            <p><strong>最佳时间：</strong>清晨6:00-8:00，夕阳西下17:30-18:30</p>
                            <p><strong>拍摄角度：</strong>池边栈道或小桥上拍摄</p>
                            <p><strong>拍照技巧：</strong>利用长焦镜头压缩空间；可拍摄龙舟训练或比赛场面</p>
                            <div class="spot-tags">
                                <span class="tag">水景摄影</span>
                                <span class="tag">运动抓拍</span>
                                <span class="tag">日出日落</span>
                                <span class="tag">动态美感</span>
                            </div>
                        </div>
                    </div>

                    <div class="photo-spot">
                        <div class="spot-image">集美中学大门</div>
                        <div class="spot-info">
                            <h3>🎓 百年名校门第机位</h3>
                            <p><strong>最佳时间：</strong>上午8:00-9:00，学生上学时间</p>
                            <p><strong>拍摄角度：</strong>正面拍摄校门牌匾和建筑</p>
                            <p><strong>拍照技巧：</strong>可拍摄学生进出校门的生活场景；注意保护学生隐私</p>
                            <div class="spot-tags">
                                <span class="tag">教育文化</span>
                                <span class="tag">历史传承</span>
                                <span class="tag">校园生活</span>
                                <span class="tag">人文纪实</span>
                            </div>
                        </div>
                    </div>

                    <div class="photo-spot">
                        <div class="spot-image">嘉庚公园陵墓</div>
                        <div class="spot-info">
                            <h3>🙏 陵园纪念机位</h3>
                            <p><strong>最佳时间：</strong>上午10:00-11:00，光线柔和</p>
                            <p><strong>拍摄角度：</strong>从台阶下方仰拍陵墓建筑</p>
                            <p><strong>拍照技巧：</strong>庄重肃穆的构图；可拍摄献花祭拜的场景</p>
                            <div class="spot-tags">
                                <span class="tag">纪念意义</span>
                                <span class="tag">庄重肃穆</span>
                                <span class="tag">历史人物</span>
                                <span class="tag">文化传承</span>
                            </div>
                        </div>
                    </div>

                    <div class="photo-spot">
                        <div class="spot-image">归来园故居</div>
                        <div class="spot-info">
                            <h3>🏠 名人故居机位</h3>
                            <p><strong>最佳时间：</strong>下午14:00-15:00，室内光线充足</p>
                            <p><strong>拍摄角度：</strong>从庭院拍摄建筑外观，室内拍摄陈设</p>
                            <p><strong>拍照技巧：</strong>展现闽南传统建筑特色；可拍摄文物展品细节</p>
                            <div class="spot-tags">
                                <span class="tag">名人故居</span>
                                <span class="tag">传统建筑</span>
                                <span class="tag">文物展示</span>
                                <span class="tag">历史氛围</span>
                            </div>
                        </div>
                    </div>

                    <div class="photo-spot">
                        <div class="spot-image">鳌园石雕</div>
                        <div class="spot-info">
                            <h3>🗿 石雕艺术机位</h3>
                            <p><strong>最佳时间：</strong>上午10:00-12:00，侧光突出雕刻细节</p>
                            <p><strong>拍摄角度：</strong>近距离拍摄石雕细节和全景</p>
                            <p><strong>拍照技巧：</strong>利用侧光突出石雕的立体感；可拍摄游客欣赏的场景</p>
                            <div class="spot-tags">
                                <span class="tag">石雕艺术</span>
                                <span class="tag">工艺细节</span>
                                <span class="tag">文化艺术</span>
                                <span class="tag">闽南特色</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="tips" class="jimei-tips">
            <div class="container">
                <h2>游览攻略</h2>
                <div class="tips-grid">
                    <div class="tip-card">
                        <h4>🗺️ 推荐路线</h4>
                        <ul class="tip-list">
                            <li>地铁站→嘉庚公园→陵墓→龙舟池</li>
                            <li>嘉庚建筑群→集美中学→归来园</li>
                            <li>鳌园→石雕群→纪念馆</li>
                            <li>全程约3-4小时，可根据兴趣调整</li>
                        </ul>
                    </div>

                    <div class="tip-card">
                        <h4>📸 拍照建议</h4>
                        <ul class="tip-list">
                            <li>穿着建议选择素雅颜色，与建筑协调</li>
                            <li>利用建筑的对称美和几何线条构图</li>
                            <li>水面倒影是绝佳的拍摄元素</li>
                            <li>注意保护文物，不要攀爬触摸</li>
                        </ul>
                    </div>

                    <div class="tip-card">
                        <h4>🎯 最佳体验</h4>
                        <ul class="tip-list">
                            <li>建议请导游讲解，了解嘉庚精神</li>
                            <li>可参观集美大学，感受学村氛围</li>
                            <li>端午节期间可观看龙舟比赛</li>
                            <li>品尝集美特色小吃和海鲜</li>
                        </ul>
                    </div>

                    <div class="tip-card">
                        <h4>⚠️ 注意事项</h4>
                        <ul class="tip-list">
                            <li>陵园区域请保持肃静，文明参观</li>
                            <li>夏季注意防晒，建议带遮阳伞</li>
                            <li>校园内请勿大声喧哗，尊重学习环境</li>
                            <li>保护环境，不乱丢垃圾</li>
                        </ul>
                    </div>

                    <div class="tip-card">
                        <h4>🍽️ 美食推荐</h4>
                        <ul class="tip-list">
                            <li>集美海鲜大排档：新鲜海鲜料理</li>
                            <li>学村小吃街：传统闽南小吃</li>
                            <li>嘉庚餐厅：特色闽菜和粤菜</li>
                            <li>龙舟池茶座：品茶观景的好去处</li>
                        </ul>
                    </div>

                    <div class="tip-card">
                        <h4>🛍️ 购物纪念</h4>
                        <ul class="tip-list">
                            <li>嘉庚文化纪念品：书籍、明信片</li>
                            <li>闽南传统工艺品：石雕、木雕</li>
                            <li>集美特产：海苔、鱼松、茶叶</li>
                            <li>学村文创产品：T恤、帆布包</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="jimei-footer">
        <div class="container">
            <p>集美学村 - 传承百年的教育圣地 &copy; 2023</p>
            <div class="footer-links">
                <a href="explore.html">返回探索</a>
                <a href="index.html">返回首页</a>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>


